// 获取按钮和div元素
let load_Button = document.getElementById('load_user');
let load_hid_Div = document.getElementById('load_hidden');
let adm_Button = document.getElementById('adm_user');
let adm_hid_Div = document.getElementById('adm_hideen');
let bg = document.getElementById('bg');
let end = document.getElementById('end');
let daoHang = document.getElementById('daoHang');
//index.jsp 用户登录
load_Button.addEventListener("click", function () {
    // 将div显示出来并放置在最上面
    load_hid_Div.style.display = 'block';
    load_hid_Div.style.position = 'absolute';
    load_hid_Div.style.zIndex = '999'; // 设置z-index为999，确保div在最上面

    // 将背景元素变暗
    bg.classList.add('dimmed');
    end.classList.add('dimmed');
    daoHang.classList.add('dimmed');
});
// 用户登陆页面关闭
let load_close_Button = document.getElementById('load_close');
load_close_Button.addEventListener("click", function () {
    // 将div显示出来并放置在最上面
    load_hid_Div.style.display = 'none';
    bg.classList.remove('dimmed');
    end.classList.remove('dimmed');
    daoHang.classList.remove('dimmed');
})

// 注册界面启动
let register_hidden_Div = document.getElementById('register_hidden');
let register_button = document.getElementById("register_button")
register_button.addEventListener("click", function () {
    // 登陆界面暂时隐藏
    load_hid_Div.style.display = 'none';
    // 注册界面显现
    register_hidden_Div.style.display = 'block';
    register_hidden_Div.style.position = 'absolute';
    register_hidden_Div.style.zIndex = '999'; // 设置z-index为999，确保div在最上面
})

// 注册界面返回键
let register_back_button = document.getElementById("register_back")
register_back_button.addEventListener("click", function () {
    // 注册界面暂时隐藏
    load_hid_Div.style.display = 'block';
    // 登录界面显现
    register_hidden_Div.style.display = 'none';
})
// 获取表单元素
const form = document.getElementById('load_form');
// 监听表单提交事件
form.addEventListener('submit', function (event) {
    event.preventDefault(); // 阻止表单默认提交行为

    // 获取表单数据
    let formData = new FormData(form);

    // 发送POST请求到/login路径
    fetch('user/login', {
        method: 'POST',
        body: formData
    })
        .then(response => {
            if (response.ok)
                // 登录成功，进行页面跳转
                console.log("登陆成功！")
                window.location.href = '/user'; // 将URL替换为你要跳转的页面路径
            } else {
                // 登录失败，显示错误消息
                console.error('登录失败');
            }
                window.location.href = '/ToMenu_user'; // 将URL替换为你要跳转的页面路径
        })
        .catch(error => {
            // 网络错误或其他错误处理
            console.error('Error:', error);
        });
});

var phoneReg = /(^1[3|4|5|6|7|8|9]\d{9}$)|(^09\d{8}$)/,//手机号正则
    count = 60; //间隔函数，1秒执行
/*判断输入的手机号*/
let code_output_button = document.getElementById("code_output"),
    error_mobile_div = document.getElementById("error_mobile"),
    mobile = document.getElementById("mobile")

code_output_button.onclick = function () {
    if (!phoneReg.test(mobile.value)) {
        error_mobile_div.style.display = 'block'
    } else {
        error_mobile_div.style.display = 'none'
        setTime(code_output_button);
        fetch('/JWTTest/send/' + mobile.value + '/interAspect', {
            method: 'GET',
            headers: {
                'Content-Type': 'application/json',
            }
        })
    }
}

function setTime(el) {
    if (count === 0) {
        el.removeAttribute("disabled")
        el.innerHTML = "获取验证码"
        count = 60;
        return;
    } else {
        el.setAttribute("disabled", true);
        el.innerHTML = count + "秒后再获取";
        count--;
    }

    setTimeout(function () {
        setTime(el);
    }, 1000);
}


//index.jsp 管理员登录
adm_Button.addEventListener("click", function () {
    // 将div显示出来并放置在最上面
    adm_hid_Div.style.display = 'block';
    adm_hid_Div.style.position = 'absolute';
    adm_hid_Div.style.zIndex = '999'; // 设置z-index为999，确保div在最上面

    // 将背景元素变暗
    bg.classList.add('dimmed');
    end.classList.add('dimmed');
    daoHang.classList.add('dimmed');
});

let adm_close_Button = document.getElementById('adm_close');
adm_close_Button.addEventListener("click", function () {
    // 将div显示出来并放置在最上面
    adm_hid_Div.style.display = 'none';
    bg.classList.remove('dimmed');
    end.classList.remove('dimmed');
    daoHang.classList.remove('dimmed');
})

// 获取表单元素
const adm_form = document.getElementById('adm_form');
// 监听表单提交事件
adm_form.addEventListener('submit', function (event) {
    event.preventDefault(); // 阻止表单默认提交行为

    // 获取表单数据
    const adm_formData = new FormData(form);

    // 发送POST请求到/login路径
    fetch('user/login', {
        method: 'POST',
        body: adm_formData
    })
        .then(response => {
            // if (response.ok) {
            if (1) {
                // 登录成功，进行页面跳转
                console.log("登陆成功！")
                window.location.href = '/ToMenu_adm'; // 将URL替换为你要跳转的页面路径
            } else {
                // 登录失败，显示错误消息
                console.error('登录失败');
            }
        })
        .catch(error => {
            // 网络错误或其他错误处理
            console.error('Error:', error);
        });
});

let reg_uname = document.getElementsByName("uname"),
    reg_mobile = document.getElementsByName("mobile"),
    reg_code = document.getElementsByName("code"),
    reg_psw = document.getElementsByName("psw"),
    reg_checkPsw = document.getElementsByName("checkPsw"),
    uname_error = document.getElementsByName("uname_error"),
    mobile_error = document.getElementsByName("mobile_error"),
    code_error = document.getElementsByName("code_error"),
    psw_error = document.getElementsByName("psw_error"),
    checkPsw_error = document.getElementsByName("checkPsw_error"),
    codeInfo_error = document.getElementsByName("codeInfo_error");

// 注册信息验证
function register_check() {
    let flag_uname = false, // 校验用户名
        flag_mobile = false,    // 校验手机号
        flag_code = false,  // 校验验证码
        flag_codeInfo = false,  // 校验验证码正确
        flag_psw = false,   // 校验密码
        flag_checkPsw = false,  // 校验确认密码
        check_psw = false;  // 校验密码与确认密码是否匹配

    // 校验用户名
    if (reg_uname.value === "")
        uname_error.style.display = 'block';
    else {
        flag_uname = true;
        uname_error.style.display = 'none';
    }
    // 校验手机号
    if (reg_mobile.value === "")
        mobile_error.style.display = 'block';
    else {
        flag_mobile = true;
        mobile_error.style.display = 'none';
    }
    // 校验验证码
    if (reg_code.value === "")
        code_error.style.display = 'block';
    else {
        flag_code = true;
        code_error.style.display = 'none';
    }
    // 校验验证码正确
    fetch('/JWTTest/checkCode/' + input_code.value + '/interAspect', {
        method: 'GET',
        headers: {
            'Content-Type': 'application/json',
        }
    }).then(response => {
        if (response.ok) {
            console.log('验证码通过！');
            flag_codeInfo = true;
        } else {
            console.log('验证码错误！');
            flag_codeInfo = false;
        }
    }).catch(error => {
        // 网络错误或其他错误处理
        console.error('Error:', error);
    });
    // 校验密码
    if (reg_psw.value === "")
        psw_error.style.display = 'block';
    else {
        flag_psw = true;
        psw_error.style.display = 'none';
    }
    // 校验确认密码
    if (reg_checkPsw.value === "")
        checkPsw_error.style.display = 'block';
    else {
        flag_checkPsw = true;
        checkPsw_error.style.display = 'none';
    }
    // 校验密码与确认密码是否匹配
    if (reg_checkPsw.value === reg_psw) {
        check_psw = true;
    }

    if (flag_uname && flag_mobile && flag_code && flag_psw && flag_checkPsw && check_psw) {
        console.log("注册数据正确！可以下一步");
        return true;
    }
    console.log("注册数据有无！请检查");
    return false;
}

let register_finish = document.getElementById("register_finish"),
    form_register = document.getElementById("form_register"),
    input_code = document.getElementById("input_code");

// 提交注册表单
form_register.addEventListener('submit', function (event) {
    event.preventDefault(); // 阻止表单默认提交行为

    // 获取表单数据
    const register_formData = new FormData(form_register);
    // 发送POST请求到/login路径
    fetch('user/register', {
        method: 'POST',
        body: register_formData
    })
        .then(response => {
            if (1) {
                // 登录成功，进行页面跳转
                console.log("注册成功！")
                window.location.href = '/ToSuccess'; // 将URL替换为你要跳转的页面路径
            } else {
                // 登录失败，显示错误消息
                console.error('注册失败');
                window.location.href = '/ToError';
            }
        })
        .catch(error => {
            // 网络错误或其他错误处理
            console.error('Error:', error);
        });
})